<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>活动申请管理</title>
<link rel="stylesheet" type="text/css" href="css/jquery.dataTables.css"/>
<link type="text/css" href="css/bootstrap.min.css" rel="stylesheet"/>
<link type="text/css" href="css/commonStyle.css" rel="stylesheet"/>
<style type="text/css" class="init">
#example th.delete_line{border: solid 0px white;} 
#example td.add_line{border-bottom: solid 1px black;}
</style>
<script type="text/javascript" language="javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.dataTables.js"></script>
<script type="text/javascript" language="javascript" class="init">
$(document).ready(function() {
	//控制表格下边线
    $('#example tfoot').find('th').addClass('delete_line');
    //$('#example tr:last').find('td').addClass('add_line');
	//在表格加入下拉框筛选
    $('#example').DataTable( {
        initComplete: function () {
            var api = this.api();
 
            api.columns().indexes().flatten().each( function ( i ) {
                var column = api.column( i );
                var select = $('<select><option value=""></option></select>')
                    .appendTo( $(column.footer()).empty() )
                    .on( 'change', function () {
                        var val = $.fn.dataTable.util.escapeRegex(
                            $(this).val()
                        );
 
                        column
                            .search( val ? '^'+val+'$' : '', true, false )
                            .draw();
                    } );
 
                column.data().unique().sort().each( function ( d, j ) {
					var newD=d;
					if(newD.length>4){
						newD=newD.substring(0,4)+"..."
					}
                    select.append( '<option value="'+d+'">'+newD+'</option>' )
                } );

            } );
        }
    } );
    $(document).ready(function() {
    var table = $('#example').DataTable();
 //表格的行多选
    $('#example tbody').on( 'click', 'tr', function () {
        $(this).toggleClass('selected');
    } );
 //将选中行删除
    $('#Popups_in_btn1').click( function () {
        table.row('.selected').remove().draw( false );
    } );
} );
} );
</script>
</head>

<body>
<!--the outeset wrap starts-->
<h3 class="Page_title">活动申请管理</h3>
<div class="container" style="margin:0px; width:1060px;">
  <div class="row show-grid unified-border" style="padding:10px">
    <table id="example" class="display" cellspacing="0">
      <thead>
        <tr>
            <th>活动编号</th>
            <th>名称</th>
            <th>申请人姓名</th>
            <th>活动状态</th>
            <th>联系方式</th>
            <th>职位</th>
            <th>企业名称</th>
            <th>类型</th>
            <th>报名人数</th>
            <th>审核结果</th>
            <th>备注</th>
            <th>审核员</th>
            <th>操作</th>
        </tr>
      </thead>
      
      <tfoot>
      	<tr>
            <th>活动编号</th>
            <th>名称</th>
            <th>申请人姓名</th>
            <th>活动状态</th>
            <th>联系方式</th>
            <th>职位</th>
            <th>企业名称</th>
            <th>类型</th>
            <th>报名人数</th>
            <th>审核结果</th>
            <th>备注</th>
            <th>审核员</th>
        </tr>
      </tfoot>
      
      <tbody>
        <tr>
          <td>1201</td>
          <td>name</td>
            <td>name</td>
            <td>online</td>
            <td>987878767</td>
            <td>主任</td>
            <td>Hai</td>
            <td>不限</td>
            <td>10</td>
            <td>yes</td>
            <td>aaaaa</td>
            <td>admin</td>
              <td><button class="btn btn-primary" id="GarAc_edi">
                    <a href="javascript:void(0);" style="color:white;">通过</a>
              </button>
                <button class="btn btn-primary" style="width: 82px;">
              <a href="javascript:void(0);" style="color:white;">不通过</a>
              </button></td>
        </tr>
        <tr>
           <td>1201</td>
           <td>name</td>
            <td>name</td>
            <td>online</td>
            <td>987878767</td>
            <td>主任</td>
            <td>Hai</td>
            <td>不限</td>
            <td>10</td>
            <td>yes</td>
            <td>aaaaa</td>
            <td>admin</td>
            <td><button class="btn btn-primary" id="GarAc_edi">
                    <a href="javascript:void(0);" style="color:white;">通过</a>
              </button>
                <button class="btn btn-primary" style="width: 82px;">
              <a href="javascript:void(0);" style="color:white;">不通过</a>
              </button></td>
        </tr>
        <tr>
           <td>1201</td>
           <td>name</td>
            <td>name</td>
            <td>online</td>
            <td>987878767</td>
            <td>主任</td>
            <td>Hai</td>
            <td>不限</td>
            <td>10</td>
            <td>yes</td>
            <td>aaaaa</td>
            <td>admin</td>
            <td><button class="btn btn-primary" id="GarAc_edi">
                    <a href="javascript:void(0);" style="color:white;">通过</a>
              </button>
                <button class="btn btn-primary" style="width: 82px;">
              <a href="javascript:void(0);" style="color:white;">不通过</a>
              </button></td>
        </tr>
        <tr>
            <td>1201</td>
            <td>name</td>
            <td>name</td>
            <td>online</td>
            <td>987878767</td>
            <td>主任</td>
            <td>Hai</td>
            <td>不限</td>
            <td>10</td>
            <td>yes</td>
            <td>aaaaa</td>
            <td>admin</td>
            <td><button class="btn btn-primary" id="GarAc_edi">
                    <a href="javascript:void(0);" style="color:white;">通过</a>
              </button>
                <button class="btn btn-primary" style="width: 82px;">
              <a href="javascript:void(0);" style="color:white;">不通过</a>
              </button></td>
        </tr>
        <tr>
            <td>1201</td>
            <td>name</td>
            <td>name</td>
            <td>online</td>
            <td>987878767</td>
            <td>主任</td>
            <td>Hai</td>
            <td>不限</td>
            <td>10</td>
            <td>yes</td>
            <td>aaaaa</td>
            <td>admin</td>
            <td><button class="btn btn-primary" id="GarAc_edi">
                    <a href="javascript:void(0);" style="color:white;">通过</a>
              </button>
                <button class="btn btn-primary" style="width: 82px;">
              <a href="javascript:void(0);" style="color:white;">不通过</a>
              </button></td>
        </tr>
      </tbody>
    </table>
  </div>
  <div class="row show-grid">
      <button class="btn btn-primary col-md-1 btn-style-new" style="margin-left:300px; width: 120px;">
        <a href="javascript:void(0);" style="color:white;">审核通过</a>
    </button>
    <button class="btn btn-primary col-md-1 btn-style-new" style="margin-left:120px; width: 120px;">审核不通过</button>
    <!--  	<table border="1">
      <tr>
        <td>
        	<button class="btn btn-primary col-md-4"></button>
        </td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
</table>--> 
    
  </div>
  <!--top part ends-->
  
</div>
<!--the outeset wrap ends-->
</body>
</html>
